<template>
<onekit-page>
<onekit-swiper onekit-class="swiper" :data-width="windowWidth" :data-imgsize="imgSize" :indicator-dots="indicatorDots" :autoplay="true" :interval="interval" circular :duration="duration" @Change="onekit_test_change" @Animationfinish="onekit_test_animationFinish" @Transition="onekit_test_func">
	<template v-for="(item,index) in imgUrls">
		<onekit-swiper-item :key="index" onekit-style="height:100%;">
			<onekit-image onekit-class="slide-image" onekit-style="height:100%;width:100%;" :src="item" mode="center" height="300"></onekit-image>
		</onekit-swiper-item>
	</template>
</onekit-swiper>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
const ONEKIT_JSON= {
  "navigationBarTitleText": "nearby",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
test:()=>import(`./nearby.test.js`)
};
import wx from '../../../../weixin2vue/wx.js';
import Macro from '../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../weixin2vue/OnekitComponent.js';
const windowWidth = wx.getSystemInfoSync().windowWidth;
export default Page(ONEKIT_JSON,["windowWidth","imgSize","test","change","animationFinish","func","indicatorDots","true","interval","duration","imgUrls"],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'nearby',
        "path":'packageAPI/pages/wxs/nearby'
};
    },
    "data":{
        "imgUrls":[
          'http://mmbiz.qpic.cn/sz_mmbiz_jpg/GEWVeJPFkSEV5QjxLDJaL6ibHLSZ02TIcve0ocPXrdTVqGGbqAmh5Mw9V7504dlEiatSvnyibibHCrVQO2GEYsJicPA/0?wx_fmt=jpeg',
          'http://mmbiz.qpic.cn/sz_mmbiz_png/GEWVeJPFkSHALb0g5rCc4Jf5IqDfdwhWJ43I1IvriaV5uFr9fLAuv3uxHR7DQstbIxhNXFoQEcxGzWwzQUDBd6Q/0?wx_fmt=png',
          'http://mmbiz.qpic.cn/sz_mmbiz_jpg/GEWVeJPFkSGqys4ibO2a8L9nnIgH0ibjNXfbicNbZQQYfxxUpmicQglAEYQ2btVXjOhY9gRtSTCxKvAlKFek7sRUFA/0?wx_fmt=jpeg',
          'http://mmbiz.qpic.cn/sz_mmbiz_jpg/GEWVeJPFkSH2Eic4Lt0HkZeEN08pWXTticVRgyNGgBVHMJwMtRhmB0hE4m4alSuwsBk3uBBOhdCr91bZlSFbYhFg/0?wx_fmt=jpeg'
        ],
        "imgSize":[
          {
              "height":150
},
          {
              "height":200
},
          {
              "height":150
},
          {
              "height":150
}
        ],
        "indicatorDots":true,
        "autoplay":false,
        "interval":3000,
        "duration":500,
        "left":0,
        windowWidth
},
    "changeIndicatorDots"(e){
      this.setData({
        "indicatorDots":!this.data.indicatorDots
});
    },
    "swiperTransition1"(e){
      console.log('e.transition',e);
      this.setData({
        "left":e.detail.x / 4
});
    },
    "onReady"(){
    },
    "changeAutoplay"(e){
      this.setData({
        "autoplay":!this.data.autoplay
});
    },
    "intervalChange"(e){
      this.setData({
        "interval":e.detail.value
});
    },
    "durationChange"(e){
      this.setData({
        "duration":e.detail.value
});
    }
});

</script>
<style 
 lang="css">
.swiper {
  width: 100% ;
  max-width: 600px ;
}
</style>